<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../css/index.css">
    <link rel="stylesheet" href="../layui/css/layui.css">
    <script src="../layui/layui.all.js"></script>
    <script src="../js/api.js"></script>
    <script src="../js/axios.min.js"></script>
   
</head>
<body>
    <!--  -->
    <div class="huidaotop"> <i class="layui-icon layui-icon-top" style="font-size: 45px; color:#fff"></i></div>
    <!--  -->
    <div class="topyansen">
    <div class="top">
        <img src="../img/图片 2.png" alt="">
        <ul class="nav">
        <li>首页</li>
        <li>公司</li>
        <li>校园</li>
        <li>言职</li>
    </ul>
    <div class="right-top">
        <ul>
            <li> <i class="layui-icon layui-icon-home" style="font-size: 25px; color: #FFF;"></i>主页</li>
            <a href="../html/登录界面.html"><li><i class="layui-icon layui-icon-username" style="font-size: 25px; color: #FFF;"></i>登录</li></a>
            <a href="../html/cart.html"><li><i class="layui-icon layui-icon-rate-solid" style="font-size: 25px; color: #FFF;"></i>收藏</li></a>
            <li><i class="layui-icon layui-icon-notice" style="font-size: 25px; color: #FFF;"></i>消息</li>
        </ul>      
    </div>
    </div>
</div>
    <!--  -->
    <div class="sousuoyansen">
    <div class="sousuo">
        <div class="sslan">
            <input type="text" class="txt">
            <input type="button" value="搜索" class="btn">
            <ul class="remen">
            <li>热门搜索:</li>
            <li>java</li>
            <li>前端</li>
            <li>后端</li>
            <li>移动产品经理</li>
            <li>数据运营</li></ul>
        </div>
    </div>
</div>
    <!--  -->
    <div class="banner"> 
        <div class="banner-left">
            <ul class="bnlul">
                <li>技术</li>
                <li>java</li>
                <li>php</li>
                <li>c++
                <i class="layui-icon layui-icon-triangle-r" style="font-size: 15px; color: #00b38a;"></i></li>
            </ul>
            <ul class="bnlul">
                <li>产品</li>
                <li>产品总监</li>
                <li>产品经理<i class="layui-icon layui-icon-triangle-r" style="font-size: 15px; color: #00b38a;"></i></li>
            </ul>
            <ul class="bnlul">
                <li>设计</li>
                <li>ui设计</li>
                <li>设计<i class="layui-icon layui-icon-triangle-r" style="font-size: 15px; color: #00b38a;"></i></li>
            </ul>
            <ul class="bnlul">
                <li>运营</li>
                <li>新媒体运营</li>
                <li>编辑</li>
                <li>数据运营<i class="layui-icon layui-icon-triangle-r" style="font-size: 15px; color:#00b38a;"></i></li>
            </ul>
            <ul class="bnlul">
                <li>市场与销售</li>
                <li>市场推广</li>
                <li>市场总监<i class="layui-icon layui-icon-triangle-r" style="font-size: 15px; color: #00b38a;"></i></li>
            </ul>
            <ul class="bnlul">
                <li>职能</li>
                <li>行政</li>
                <li>财务<i class="layui-icon layui-icon-triangle-r" style="font-size: 15px; color: #00b38a;"></i></li>
            </ul>
            <div class="bldiv">
                <ul>
                    <li><p>当季流行
                    <i class="layui-icon layui-icon-right" style="font-size: 20px; color:black;"></i>
                    </p><p>123</p>
                    </li>
                    <li><p>当季流行
                        <i class="layui-icon layui-icon-right" style="font-size: 20px; color:black;"></i>
                        </p><p>123</p></li>
                    <li><p>当季流行
                        <i class="layui-icon layui-icon-right" style="font-size: 20px; color:black;"></i>
                        </p><p>123</p></li>
                    <li><p>当季流行
                        <i class="layui-icon layui-icon-right" style="font-size: 20px; color:black;"></i>
                        </p><p>123</p></li>
                    <li><p>当季流行
                        <i class="layui-icon layui-icon-right" style="font-size: 20px; color:black;"></i>
                        </p><p>123</p></li>
                    <li><p>当季流行
                        <i class="layui-icon layui-icon-right" style="font-size: 20px; color:black;"></i>
                        </p><p>123</p></li>
                    <li><p>当季流行
                        <i class="layui-icon layui-icon-right" style="font-size: 20px; color:black;"></i>
                        </p><p>123</p></li>
                </ul>
            </div>
            <div class="bldiv"> <ul>
                <li><p>产品
                <i class="layui-icon layui-icon-right" style="font-size: 20px; color:black;"></i>
                </p><p>123</p>
                </li>
                <li><p>产品
                    <i class="layui-icon layui-icon-right" style="font-size: 20px; color:black;"></i>
                    </p><p>123</p>
                    </li>
                    <li><p>产品
                        <i class="layui-icon layui-icon-right" style="font-size: 20px; color:black;"></i>
                        </p><p>123</p>
                        </li>
                        <li><p>产品
                            <i class="layui-icon layui-icon-right" style="font-size: 20px; color:black;"></i>
                            </p><p>123</p>
                            </li>
                            <li><p>产品
                                <i class="layui-icon layui-icon-right" style="font-size: 20px; color:black;"></i>
                                </p><p>123</p>
                                </li>
                                <li><p>产品
                                    <i class="layui-icon layui-icon-right" style="font-size: 20px; color:black;"></i>
                                    </p><p>123</p>
                                    </li>
                                    <li><p>产品
                                        <i class="layui-icon layui-icon-right" style="font-size: 20px; color:black;"></i>
                                        </p><p>123</p>
                                        </li>
            </ul></div>
            <div class="bldiv"> <ul>
                <li><p>设计
                <i class="layui-icon layui-icon-right" style="font-size: 20px; color:black;"></i>
                </p><p>123</p>
                </li>
                <li><p>设计
                    <i class="layui-icon layui-icon-right" style="font-size: 20px; color:black;"></i>
                    </p><p>123</p></li>
                    <li><p>设计
                        <i class="layui-icon layui-icon-right" style="font-size: 20px; color:black;"></i>
                        </p><p>123</p>
                        </li>
                        <li><p>设计
                            <i class="layui-icon layui-icon-right" style="font-size: 20px; color:black;"></i>
                            </p><p>123</p>
                            </li>
                            <li><p>设计
                                <i class="layui-icon layui-icon-right" style="font-size: 20px; color:black;"></i>
                                </p><p>123</p>
                                </li>
                                <li><p>设计
                                    <i class="layui-icon layui-icon-right" style="font-size: 20px; color:black;"></i>
                                    </p><p>123</p>
                                    </li>
                                    <li><p>设计
                                        <i class="layui-icon layui-icon-right" style="font-size: 20px; color:black;"></i>
                                        </p><p>123</p>
                                        </li>
            </ul></div>
            <div class="bldiv"> <ul>
                <li><p>运营
                <i class="layui-icon layui-icon-right" style="font-size: 20px; color:black;"></i>
                </p><p>123</p>
                </li>
                <li><p>运营
                    <i class="layui-icon layui-icon-right" style="font-size: 20px; color:black;"></i>
                    </p><p>123</p>
                    </li>
                    <li><p>运营
                        <i class="layui-icon layui-icon-right" style="font-size: 20px; color:black;"></i>
                        </p><p>123</p>
                        </li>
                        <li><p>运营
                            <i class="layui-icon layui-icon-right" style="font-size: 20px; color:black;"></i>
                            </p><p>123</p>
                            </li>
                            <li><p>运营
                                <i class="layui-icon layui-icon-right" style="font-size: 20px; color:black;"></i>
                                </p><p>123</p>
                                </li>
                                <li><p>运营
                                    <i class="layui-icon layui-icon-right" style="font-size: 20px; color:black;"></i>
                                    </p><p>123</p>
                                    </li>
                                    <li><p>运营
                                        <i class="layui-icon layui-icon-right" style="font-size: 20px; color:black;"></i>
                                        </p><p>123</p>
                                        </li>
            </ul></div>
            <div class="bldiv"> <ul>
                <li><p>市场与营销
                <i class="layui-icon layui-icon-right" style="font-size: 20px; color:black;"></i>
                </p><p>123</p>
                </li>
                <li><p>市场与营销
                    <i class="layui-icon layui-icon-right" style="font-size: 20px; color:black;"></i>
                    </p><p>123</p>
                    </li>
                    <li><p>市场与营销
                        <i class="layui-icon layui-icon-right" style="font-size: 20px; color:black;"></i>
                        </p><p>123</p>
                        </li>
                        <li><p>市场与营销
                            <i class="layui-icon layui-icon-right" style="font-size: 20px; color:black;"></i>
                            </p><p>123</p>
                            </li>
                            <li><p>市场与营销
                                <i class="layui-icon layui-icon-right" style="font-size: 20px; color:black;"></i>
                                </p><p>123</p>
                                </li>
                                <li><p>市场与营销
                                    <i class="layui-icon layui-icon-right" style="font-size: 20px; color:black;"></i>
                                    </p><p>123</p>
                                    </li>
                                    <li><p>市场与营销
                                        <i class="layui-icon layui-icon-right" style="font-size: 20px; color:black;"></i>
                                        </p><p>123</p>
                                        </li>
            </ul></div>
            <div class="bldiv"> <ul>
                <li><p>运营
                <i class="layui-icon layui-icon-right" style="font-size: 20px; color:black;"></i>
                </p><p>123</p>
                </li>
                <li><p>运营
                    <i class="layui-icon layui-icon-right" style="font-size: 20px; color:black;"></i>
                    </p><p>123</p>
                    </li>
                    <li><p>运营
                        <i class="layui-icon layui-icon-right" style="font-size: 20px; color:black;"></i>
                        </p><p>123</p>
                        </li>
                        <li><p>运营
                            <i class="layui-icon layui-icon-right" style="font-size: 20px; color:black;"></i>
                            </p><p>123</p>
                            </li>
                            <li><p>运营
                                <i class="layui-icon layui-icon-right" style="font-size: 20px; color:black;"></i>
                                </p><p>123</p>
                                </li>
                                <li><p>运营
                                    <i class="layui-icon layui-icon-right" style="font-size: 20px; color:black;"></i>
                                    </p><p>123</p>
                                    </li>
                                    <li><p>运营
                                        <i class="layui-icon layui-icon-right" style="font-size: 20px; color:black;"></i>
                                        </p><p>123</p>
                                        </li>
            </ul></div>
        </div>
        <div class="banner-right">
            <div class="layui-carousel" id="test1">
            <div carousel-item>
              <div class="tupian"><img src="../img/中国烟草.jpg" alt=""></div>
              <div class="tupian"><img src="../img/铁塔.jpeg" alt=""></div>
              <div class="tupian"><img src="../img/中国人寿.jpg" alt=""></div>
              <div class="tupian"><img src="../img/cncec.jpg" alt=""></div>
              <div class="tupian"><img src="../img/百度.jpg" alt=""></div>
            </div>
          </div></div>
    </div>
    <!--  推荐职位-->
    <div class="zhiweiyansen">
    <div class="zhiwei">
        <ul class="xxzw">
            <li>推荐职位</li>
            <li>热门职位</li>
            <li>最新职位</li>
        </ul>
        <div class="zwtuijian">
            <!-- <div></div>
            <div>2</div>
            <div>3</div>
            <div>4</div>
            <div>5</div>
            <div>6</div>
            <div>7</div>
            <div>8</div>
            <div>9</div> -->
        </div>
        <div class="gengduo">查看更多</div>
    </div>
</div>
    <!--  -->
    <div class="yqlj">
        <ul class="xxzw">
            <li>友情链接</li>
        </ul>
        <ul class="lglj">
            <li>拉勾网</li>
            <li>生意线</li>
            <li>招聘</li>
            <li>中华考试网</li>
            <li>新疆人才网</li>
            <li>新疆人才网</li>
            <li>法律咨询</li>
            <li>教师招聘</li>
            <li>教师招聘</li>
            <li>上海招聘</li>
            <li>银行招聘</li>
        </ul>
    </div>
    <!--  -->
    <div class="qyfw">
        <div class="qyleft"> 
            <button><i class="layui-icon layui-icon-android" style="font-size: 20px; color:#00b38a;"></i>下载拉勾APP</button>
            <button><i class="layui-icon layui-icon-senior" style="font-size: 20px; color:#00b38a;"></i>微信小程序</button>
            <p class="lgwb"><i class="layui-icon layui-icon-login-wechat" style="font-size: 20px; color:#ccc;"></i>拉勾微信
                <i class="layui-icon layui-icon-login-weibo" style="font-size: 20px; color:#ccc;"></i>拉钩微博
            </p>
        </div>
        <div class="qyright">
            <ul class="yq1">
                <li>企业服务</li>
                <li>招聘强人宝典</li>
                <li>公司搜索</li>
                <li>拉钩APP</li>
            </ul>
            <ul class="yq1">
                <li>用户帮助</li>
                <li>帮助中心</li>
                <li>用户服务协议</li>
                <li>隐私政策</li>
                <li>在线提问</li>
            </ul>
            <ul class="yq1">
                <li>联系方式</li>
                <li>服务热线：4006282835</li>
                <li>企业服务邮箱：122488054@qq.com</li>
                <li>联系我们</li>
            </ul>
        </div>
    </div>
    <script src="../js/index.js"></script>
</body>
</html>